@mixin xin{
    width: 1090px;
    height: 100%;
    margin: 0 auto;
}
.banner{
    background-color: #f5f5f5;
    height: 420px;
    background-image: url("https://yanxuan.nosdn.127.net/0fae504f6958db87ee919c38bac02c9b.png?type=webp&imageView&quality=95&thumbnail=1920x420");
    background-repeat: no-repeat;
    background-position: 50%;
    img{
   
    height: auto;
    
 }
}
//第一板块
.mod1_staky{
    position: relative;
    width: 1447px;
    margin: 0 auto;
    // .currt{ 
    //     position: absolute;
    //     left: 0;
    //     top: 0;
    // }
}
.mod1_staky .list{//楼梯
    width: 110px;
    background-color: white;
    border: 1px solid #ccc;
    position:absolute;
    left: -178px;
    top: 10px;
    position:absolute;
    .list1{
        height: 38px;
        line-height: 38px;
        text-align: center;
        background-image: url("https://yanxuan.nosdn.127.net/7c1853dd59b79d823ad3c4f3a0330049.png?imageView&type=webp");
        border: 0;
        background-size: 150%;
        background-repeat: no-repeat;
        background-position: -4px -2px;
        color: #bb3343;
    } 
    li:hover{
        color: #bb3343;
        cursor: pointer
    }
    li{
        img{
            width: 30px;
            margin-left: 10px;
        }
        span{
            // vertical-align: middle;
            display: inline-block;
            line-height: 14px;
            font-size: 12px;
            padding-left: 36px;
            // width: 35px;
            position: absolute;
            left: 7px;
            top: 5px;
            margin-left: 0;
        }
        .listmos{
            position: relative;
            border-bottom: 1px solid #ccc;
            width: 95px;
            margin-left: 10px;
            padding-top: 5px;
        }
    }
}
.mod1{
    @include xin();
    position: relative;
    h3{
        font-size: 30px;
        display:inline-block;
        padding: 20px 0;
        cursor: pointer;
       
    }
    h3:hover{
        color: #b4a078;
    }
    span{
        font-size: 13px;
        margin-left: 20px;
        
    }
    .f-right{
        float: right;
        margin-top: 30px;
        margin-right: 80px;
    //    margin: 20px 20px;
    }
    .mod11{
       height: 450px;
       position: relative;
       width: 8000px;
      
       .mods1{
        height: 360px;
       }
       .mos1{
        width: 1090px;
        height: 450px;
        overflow: hidden;
        position: relative;
       }
    
     
        dl{
            background-color: white;
            width: 260px;
            float: left;
            margin-left: 10px;
            
            
            dt{
                background-color: #f4f4f4;
                img{
                    width: 256px;
                    height: 256px;
                }
            }
            .dd1{
                text-align: center;
                margin: 30px auto 0;
                width: 156px;


            }
            .dd2{
                margin:20px auto 0;
                text-align: center;
                font-size: 13px;
                color: red;

                span{

                    color: #ccc;
                    margin: 0;
                }
            }
            
        }
        

    }
    .mod11-j{
        height: 450px;
        overflow: hidden;
       .mod11>div{
        float: left;
       }
        .button{
            position: absolute;
            z-index: 1;
            border: 0;
            width: 50px;
            height: 50px;
            cursor: pointer;
            opacity: 80;
            background-color: #E2C199;
            border-radius: 500px;
            color: white;
            font-size: 30px;

        }
        .button:hover{
            background-color: #cc9756;
        }
        .button_left{
            top: 200px;
            left: -46px;
        }
        .button_right{
            top: 200px;
            left: 1088px;

        }
    }
}
//第二板块
.mod2{
    
    background-color: #f4f0ea;
    padding: 30px 0 0 0;
    .mod2-2{
        @include xin();
    
    h3{
        font-size: 30px;
        display:inline-block;
        padding: 20px 0;
        cursor: pointer;
       
    }
    h3:hover{
        color: #b4a078;
    }
    span{
        font-size: 13px;
        margin-left: 20px;
        
    }
    .mod2-2f{
        // display:inline-block;
        padding-bottom: 5px;
        
        
    }
    .mod2-2f:hover,.f-right:hover{
        color:  #b4a078;
        cursor: pointer;
    }
    .mod2-2f1{
        color:  #b4a078;
        border-bottom: 1px solid #b4a078;

    }
    .f-right{
        float: right;
        margin-top: 30px;
        margin-right: 80px;
    //    margin: 20px 20px;
    }
    .mod2-2_main{
        height: 600px;
       
     .mod2-2_main1 {
        background-color: white;
        width: 390px;
        height: 570px;
        float: left;
        margin-left: 10px;
        dt{
            border-bottom: 1px solid #ccc;
            height: 370px;
            img{
                width: 320px;
                height: 320px;
                margin: 30px;
                background-color: #dddddd;
                transition: all 0.6s linear 0s;

                
                
            }
            img:hover{
                transform: scale(1.05);
            }
        }
        .dd1 {
            text-align: center;
            // margin: 30px auto 0;
            width: 156px;
            line-height: 26px;
    margin: 30px auto 13px;
    font-size: 18px;
    width: 248px;
    font-weight: 800;
                    display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
        }
        .dd2{
            color: red;
            text-align: center;
            font-size: 18px;
            span {
            color: #ccc;
            margin: 5px;
            text-decoration: line-through;
        }
            }
    }
    .mod2-2_main2:nth-child(5),.mod2-2_main2:nth-child(6),.mod2-2_main2:nth-child(7){
        margin-top: 15px;
    }

    .mod2-2_main2 {
        background-color: white;
        width: 200px;
        height: 277px;
        float: left;
        margin-left: 10px;
        dt{
            border-bottom: 1px solid #ccc;
            height: 180px;
            img{
                width: 150px;
                height: 150px;
                margin: 15px 25px;
                background-color: #dddddd;
                transition: all 0.6s linear 0s;

                
                
            }
            img:hover{
                transform: scale(1.05);
            }
        }
        .dd1 {
            text-align: center;
            // margin: 30px auto 0;
            width: 156px;
            line-height: 13px;
            margin: 30px auto 7px;
            font-size: 13px;
            width: 125px;
            font-weight: 800;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }
        .dd2{
            color: red;
            text-align: center;
            font-size: 11px;
            span{
                margin: 0;
                font-size: 10px;
                color: #ccc;
                text-decoration: line-through;
            }
            } 
    }

    
}
}
}
//第三板块
.mod3{
    @include xin();
    height: 750px;
    padding-top: 30px;
    .mod3_1{
        .mod3_top{
            height: 80px;
        
        h3 {
            font-size: 30px;
            display: inline-block;
            padding: 20px 0;
            cursor: pointer;
    }
    h3:hover{
        cursor: pointer;
        color: #b4a078;
    }
    .mod3_wenzi{
        float:right;
        margin-right: 5px;
        ul{
            width: 730px;
            font-size: 13px;
            li,span{
                float: left;
                margin-top: 30px;
                font-size: 14px;
            }
            span{
                display: inline-block;
                margin-left: 8px;
                margin-right: 8px;
            }
            li:hover{
                cursor: pointer;
                color: #b4a078;
            }
        }
        .f-right{
            float: right;
            font-size: 13px;
            margin-top: 17px;
            margin-right: 80px;
            font-size: 14px;
        }
        .f-right:hover{
            cursor: pointer;
            color: #b4a078;
        }

    }

}
@mixin postimg {
    width: 100%;
    height: 310px;
    background-repeat: no-repeat;
    background-size:contain;
}
.mod3_1img{
    @include postimg();
    background-image: url("https://yanxuan.nosdn.127.net/403ef629810368c9b3e0e6fd863ebb4e.jpg?type=webp&imageView&&thumbnail=1090x310&quality=95");


}
.mod3_2img{
    @include postimg();
    background-image: url("https://yanxuan.nosdn.127.net/9ed62a99ff7cc6e66225183c84ac4213.jpg?type=webp&imageView&&thumbnail=1090x310&quality=95");

}
.mod3_3img{
    @include postimg();
    background-image: url("https://yanxuan.nosdn.127.net/3297667a12ee6b8f6203ff81754dd1cd.jpg?type=webp&imageView&&thumbnail=1090x310&quality=95");

}
.mod3_4img{
    @include postimg();
    background-image: url("https://yanxuan.nosdn.127.net/016beac30226bd5df5b9d4da173bec2b.jpg?type=webp&imageView&&thumbnail=1090x310&quality=95");

}
.mod3_5img{
    @include postimg();
    background-image: url("https://yanxuan.nosdn.127.net/31fa72fdf89cc2b7ebfd46dd668560d6.jpg?type=webp&imageView&&thumbnail=1090x310&quality=95");

}
.mod3_6img{
    @include postimg();
    background-image: url("https://yanxuan.nosdn.127.net/27038ec46af2f4554e370e612aa47431.jpg?type=webp&imageView&&thumbnail=1090x310&quality=95");

}
.mod3_7img{
    @include postimg();
    background-image: url("https://yanxuan.nosdn.127.net/ac256f6ae19d663b83c8d8698446b67e.jpg?type=webp&imageView&&thumbnail=1090x310&quality=95");

}
.mod3_8img{
    @include postimg();
    background-image: url("https://yanxuan.nosdn.127.net/606f3debc29509720715560427d1ab1f.jpg?type=webp&imageView&&thumbnail=1090x310&quality=95");

}


.mods1{
    width: 1090px;
    height: 450px;
   }

  dl:not(dl:nth-child(1)){
    margin-left: 16px;
  }
  dl:hover{
    background-color: #f4f0ea;
  }
    dl{
        background-color: white;
        width: 260px;
        float: left;
        margin-top: 20px;
        cursor: pointer;
        
        
        dt{
            background-color: #f4f4f4;
            img{
                width: 256px;
                height: 256px;
            }
        }
        .dd1{
            text-align: center;
            margin: 30px auto 0;
            width: 156px;
        }
        .dd2{
            margin:5px auto 0;
            text-align: center;
            font-size: 13px;
            color: red;
            span{

                color: #ccc;
                margin: 0;
            }
        }
        
    }

}
}